<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>醋醋商城</title>
 <!--引用外部样式-->
 <link rel="shortcut icon" href="favicon.ico">
 <link type="text/css" rel="stylesheet"  href="css/basic.css">
 <link type="text/css" rel="stylesheet"  href="css/web.css">
 </head>
 <body>

<div id="TopMain">
	<!-- 广告开始 -->
	 <div id="topAdv"> 
		<a href="#"> <img src="images/adv.jpg" /> </a> 
		<img src="images/close.png"  class="close"/>
	 </div>
	<!-- 广告结束-->  

	<!--Top开始-->
	<div id="Top">
		<div class="banner"><a href="#"><img src="images/logo.png" /></a></div>
		<!--search begin-->
		<div class="search">
			<form>
				<input type="text"  class="txt"/>
				<input type="submit" class="but"  value=""/>
			</form>
		</div>
		<!--search end-->
		<div class="user">
			<!--用户登录前状态
			<font><span class="iconfont">&#xe60b;</span><a href="">登录</a></font>
			<font><span class="iconfont">&#xe60e;</span><a href="">注册</a></font>-->
			

			<!--用户登录后状态-->
			您好！鲁思南,欢迎你回来 <a href="consignee.html" class="usertxt">用户中心</a>｜<a href="index.html" class="usertxt">退出</a>

			<font><a href="dd.html"><img src="./images/shop.png" alt=""></a><a href="dd.html">购物车</a></font>
		</div>
	</div>
	<!--Top结束-->
</div>
<!--网站导航开始  滚动到一定高，给他加上 class="gd"-->
<div id="Logo" >
	<ul>
		<li class="first">
			<font class="iconfont">&#xe627;</font>全部商品分类
		</li>
		
		<li><a href="index.html" target="_blank">首页</a></li>
		<li><a href="Product00.html" target="_blank">家电</a></li>
		<li><a href="Product01.html"  target="_blank">手机</a></li>
		<li><a href="Product02.html"  target="_blank">电脑</a></li>
		<li><a href="Product03.html"  target="_blank">服饰</a></li>
		<li><a href="Product04.html"  target="_blank">家居</a></li>
		<li><a href="Product05.html"  target="_blank">食品</a></li>
		<li class="last"></li>
	</ul>
</div>
<!--网站导航结束-->






<!--面包屑导航开始-->
<div class="webLogo">当前位置: 
	<a href="">首页</a> > <a href="">手机</a> > <a href="">小米手机</a> > MIX2
</div>
<!--面包屑导航结束-->


<!--订单支付路径开始-->
<div id="dd_address">
	<ul>
		<li>
			<span class="but but_active">1</span>
			<span class="txt txt_active">提交订单</span>
			<span class="line line_active"></span>
		</li>
		<li>
			<span class="but">2</span>
			<span class="txt txt2">确认订单并支付</span>
			<span class="line line2"></span>
		</li>
		<li class="last">
			<span class="but">3</span>
			<span class="txt">已完成</span>
		</li>
	</ul>
</div>
<!--订单支付路径结束-->


<!--订单产品布局开始-->
<div id="dd_List">
	<!--标题部分-->
	<ul class="ti">
		<li class="first">商品/商品名称</li>
		<li>属性</li>
		<li>市场价</li>
		<li>本店价</li>
		<li>购买数量</li>
		<li>小计</li>
		<li>操作</li>
	<div style="clear:both"></div>
	</ul>

	<!--产品列表-->
	<ul class="List">
		<li class="first">
			<img src="images/手机/sj4.jpg" width="100" height="100"/>
			<p>小米全网通高配版128G</p>
		</li>
		<li>颜色:黑色 </li>
		<li>￥3799.00元</li>
		<li>￥2799.00元</li>
		<li><input type="text" class="inputBg" /></li>
		<li>￥2799.00元</li>
		<li><a href="" class="f6">操作</a></li>
	<div style="clear:both"></div></ul>

	<ul class="List">
		<li class="first">
			<img src="images/xpic30.jpg" width="100" height="100"/>
			<p>TCL 5K高清电视</p>
		</li>
		<li>颜色:黑色 </li>
		<li>￥8877.00元</li>
		<li>￥6877.00元</li>
		<li><input type="text" class="inputBg" /></li>
		<li>￥6877.00元</li>
		<li><a href="" class="f6">操作</a></li>
	<div style="clear:both"></div></ul>

	<ul class="List">
		<li class="first">
			<img src="images/xpic114.jpg" width="100" height="100"/>
			<p>詹姆斯15代篮球鞋</p>
		</li>
		<li>颜色:黑色 </li>
		<li>￥2499.00元</li>
		<li>￥1299.00元</li>
		<li><input type="text" class="inputBg" /></li>
		<li>￥1299.00元</li>
		<li><a href="" class="f6">操作</a></li>
	<div style="clear:both"></div></ul>
</div>
<!--订单产品布局结束-->


<!--订单结算部分开始-->
<div id="dd_End">
	购物金额小计 <font>￥9719.00元</font>，比市场价 ￥11662.80元 节省了 ￥1943.80元 (17%)
	<input type="button" value="清空购物车"  class="bnt_blue_1"/>
	<input type="submit" value="更新购物车" class="bnt_blue_1" />

	<p> 
		<a href="Product.html" target="_blank"  class="go"><img src="images/20130425D_03.png" /></a>
		<a href="dd_xq.html" class="end"><img src="images/20130425D_01.png" /></a>
	</p>
<div style="clear:both;" ></div>
</div>
<!--订单结算部分结束-->








<!--网站底部开始-->
<img src="images/f.jpg"  class="fbg"/>
<div id="Footer2">
	<dl class="first">
		<dt><h3><a href="#">购物指南</a></h3></dt>
		<dd><a href="#">购物流程</a></dd>
		<dd><a href="#">会员介绍</a></dd>
		<dd><a href="#">常见问题</a></dd>
	</dl>
	<dl class="two">
		<dt><h3><a href="#">配送方式</a></h3></dt>
		<dd><a href="#">上门自提</a></dd>
		<dd><a href="#">211限时达</a></dd>
		<dd><a href="#">配送服务查询</a></dd>
	</dl>
	<dl class="three">
		<dt><h3><a href="#">支付方式</a></h3></dt>
		<dd><a href="#">货到付款</a></dd>
		<dd><a href="#">在线支付</a></dd>
		<dd><a href="#">分期付款</a></dd>
	</dl>
	<dl class="four">
		<dt><h3><a href="#">售后服务</a></h3></dt>
		<dd><a href="#">售后政策</a></dd>
		<dd><a href="#">价格保护</a></dd>
		<dd><a href="#">退款说明</a></dd>
	</dl>
	<dl class="five">
		<dt><h3><a href="#">特色服务</a></h3></dt>
		<dd><a href="#">夺宝岛</a></dd>
		<dd><a href="#">DIY装机</a></dd>
		<dd><a href="#">延保服务</a></dd>
	</dl>
	<dl class="six">
		<dt><h3><a href="#">招聘专区</a></h3></dt>
		<dd><a href="#">诚聘英才</a></dd>
		<dd><a href="#">品牌入驻</a></dd>
		<dd><a href="#">友情链接</a></dd>
	</dl>
	<dl class="last">
		<dt><a href="https://baike.baidu.com/item/%E7%94%B5%E5%AD%90%E7%A7%91%E6%8A%80%E5%A4%A7%E5%AD%A6%E4%B8%AD%E5%B1%B1%E5%AD%A6%E9%99%A2/9079739?fr=aladdin">电话客服</a></dt>
		<dd>13112977863</dd>
		<dd><a href="#"><img src="images/QQ.jpg" /></a></dd>
	</dl>

	<div style="clear:both"></div>
</div>

<p class="Copy">Copyright © 2018-2019 www.cucushop.com All Rights Reserved 版权所有：电子科技大学软件开发班第十六小组 备案号：备2015030402021号</p>
<!--网站底部结束-->






<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>



<!--
	1、在News大盒子里面，构建两个一样大小的长方形，一个用来设背景透明，一个利用绝定位，盖在透明
	图层上面，用来放内容
	2、利用 h3标签来制作标题部分（颜色，大小，字体类型，竖直居中，首行缩进text-indent:20px;）
	3、利用 ul来制作新闻列表，文字竖直间距利用行高 line-height:30px;  给 ul添加对应的内边距，使文字与上右下左产生一定的间距。
	4、给文字加上了 a标签超链接，如何优化我们代码，代码的性能,如果把常用样式，统一初始化，我们选择的是用标签来表达，而不是用 *
-->




 </body>
</html>
